<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <script language="JavaScript" type="text/JavaScript">
    function validateInt()
    {
        var o = document.form1.bkSize;
        switch (isInteger(o.value))
        {
            case true:
                alert(o.value + " is an integer")
                break;
            case false:
                alert(o.value + " is not an integer")
        }
    }
        </script>
        <title>Order Strorage Space</title>
        <style type="text/css">
            <!--
body,td,th {
	font-family: tahoma;
}
body {
	background-color: #354153;
}
.title {background-color: #708BB2; 
color:#FFFFFF; padding:5px; 
font-size:12px; 
font-weight:bold; 
border:1px solid; 
width:492px;
}
.tablething {border-collapse:collapse; color:#FFFFFF; font-size:10px; border-top:0px; border-left:2px solid;
}
.style1 {font-size: 12px}
.style2 {font-size: 14px}
            -->
    </style></head>
    
    <body>
        <div class="title">
            <table width="100%" border="0" cellspacing="0" cellpadding="3" style="padding:0px;">
                <tr>
                    <td width="25"><img src="images/data.gif" width="25" height="23" /></td>
                    <td width="252" >MyStuff File Upload </td>
                    <td width="197"  align="right"><a href="upload.jsp" style="color:#FFFFFF;">[Upload]</a> | <a href="edu.byu.isys413.actions.loadExistingStorage.action" style="color:#FFFFFF;">[Stored Files]</a></td>
                </tr>
            </table>
        </div>
        <div style="border-color:#FFFFFF; background-image:url(images/storage.jpg); background-position:center; background-repeat:no-repeat; height:340px; width:504px; overflow:auto; border-left:1px #FFFFFF; " align="right">
            <table width="100%" height="100%" border="1" cellspacing="0" cellpadding="3" bordercolor="#FFFFFF"  class="tablething">
                <!-- THIS IS THE LOOP -->

                <tr>
                    <td valign="top"><br />
                        <br />
                        <br />
                        <div align="center"><br />
                        <div align="left" style="margin-left:100px;"><br />
                            <br />
                            <br />
                            <blockquote style="margin-left:20px;" align="left"><%=request.getAttribute("message")%></blockquote>
                            <br />
                            <br />
                        </div>
                        <span class="style1">Enter the Amount of Storage Space you would like to order:
                        </span>
                         
                        <form action="edu.byu.isys413.actions.OrderSpace.action" method="post" name="form1" target="cart" id="form1">
                            <table width="100" border="0" cellspacing="0" cellpadding="3" align="center" style="border:1px solid; border-color:#666666;">
                                <tr>
                                    <td><input name="bkSize" type="text" style="width:50px;height:17px;" /></td>
                                    <td><span class="style2">GB</span></td>
                                    <td><input type="submit" name="Submit" value="Submit" onclick="validateInt();" style="height:24px; padding:0px; margin:0px;"></td>
                                </tr>
                            </table>
                        </form>      
                    </td>
                </tr>
                <!-- THIS IS THE END OF THE LOOP -->
                <!-- THIS IS THE LOOP -->
                <!-- THIS IS THE END OF THE LOOP -->
                <!-- THIS IS THE LOOP -->
                <!-- THIS IS THE END OF THE LOOP -->
                <!-- THIS IS THE LOOP -->
                <!-- THIS IS THE END OF THE LOOP -->
                <!-- THIS IS THE LOOP -->
                <!-- THIS IS THE END OF THE LOOP -->
                <!-- THIS IS THE LOOP -->
                <!-- THIS IS THE END OF THE LOOP -->
            </table>
        </div>
    </body>
</html>
